	<!-- This file is to display the 'Select Your Area' popup -->
	<!-- <body onload="popup('popUpDiv')"> -->
		<div id="blanket" style="display:none;"></div>
         <div id="popUpDiv" style="display:none;">
         	<div class="region">
            	<span>Select Your Area</span>                              
            </div>
            <!-- <div style="padding-left:3%">
            	<input id="area" style="height:28px; width:467px;" type="text" value="Enter Your Area" onFocus="if(this.value=='Enter Your Area')this.value='';"/>
            </div> -->
            <div style="margin:10px 0; padding-left:3%">
            	<div class="topSearch">Areas We Service:</div>
            </div>
            <div>
            <ul style="list-style: none; margin-bottom:2%;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3; ">
            {foreach $areas as $area}
            	<li>
            		<a onmouseover="this.style.color='red'" onmouseout="this.style.color='#0066FF'" style="color:#0066FF;" 
            		href="javascript:;" id="{$area.name}" onclick="appendRice(this.id);">{$area.name}</a>
            	</li>
            {/foreach}
            </ul>
            </div>
            <div class="skip">
             	<a style="color:grey;" onmouseover="this.style.backgroundColor='#F0F0F0'" onmouseout="this.style.backgroundColor=''" 
             	class="button silverbtn" href="javascript:;" onclick="popup('popUpDiv');">Skip</a>
             </div>
          </div> 
	<!-- </body>  --> 